<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'MyJsp.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
<script src="js/bootstrap.min.js" charset="UTF-8"></script>
<script src="js/swiper.min.js" charset="UTF-8"></script>
<script src="js/global.js" charset="UTF-8"></script>
<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
<script>
function nocollection(ccid) {
		$.ajax({
			url : "douser_collectionServlet",
			type : "post",
			data : {
			ccid:ccid
			},
			success : function(data) {
				 $('#ucollection_box').html(data);
			},
			error : function(d1, d2) {
				alert("小小故障");
			}
		});
	}
</script>
</head>
	
<body>
	<%@include file="personal_top.jsp"%>
	<div class="content clearfix bgf5" id="ucollection_box">
		<section class="user-center inner clearfix">
		<div class="pull-left bgf">
			<a href="udai_welcome.html" class="title">U袋欢迎页</a>
			<dl class="user-center__nav">
				<dt>帐户信息</dt>
				<a href="udai_setting.html"><dd>个人资料</dd></a>
				<a href="udai_treasurer.html"><dd>资金管理</dd></a>
				<a href="udai_integral.html"><dd>积分平台</dd></a>
				<a href="udai_address.html"><dd>收货地址</dd></a>
				<a href="udai_coupon.html"><dd>我的优惠券</dd></a>
				<a href="udai_paypwd_modify.html"><dd>修改支付密码</dd></a>
				<a href="udai_pwd_modify.html"><dd>修改登录密码</dd></a>
			</dl>
			<dl class="user-center__nav">
				<dt>订单中心</dt>
				<a href="udai_order.html"><dd>我的订单</dd></a>
				<a href="udai_collection.html"><dd class="active">我的收藏</dd></a>
				<a href="udai_refund.html"><dd>退款/退货</dd></a>
			</dl>
			<dl class="user-center__nav">
				<dt>服务中心</dt>
				<a href="udai_mail_query.html"><dd>物流查询</dd></a>
				<a href=""><dd>数据自助下载</dd></a>
				<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
				<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
				<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
				<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
			</dl>
			<dl class="user-center__nav">
				<dt>新手上路</dt>
				<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
				<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
				<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
				<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
			</dl>
			<dl class="user-center__nav">
				<dt>XXX</dt>
				<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
				<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
				<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
			</dl>
		</div>
		<div class="pull-right">
			<div class="user-content__box clearfix bgf" >
				<div class="title">订单中心-我的收藏</div>
				<div class="collection-list__area clearfix">
					<c:forEach items="${uc}" var="n" varStatus="i">
						<div class="item-card">
							<a href="ToItemShowServlet?temp=one&ccid=${n.ccid}" class="photo"> <img
								src="images/temp/${n.cimgurl}" alt="${n.cname}"
								class="cover">
								<div class="name">${n.cname}</div>
							</a>
							<div class="middle">
								<div class="price">
									<small>￥</small>${n.cprice}
								</div>
								<div class="sale">
									<a href="javascript:;" onclick="nocollection(${n.ccid})">取消收藏</a>
								</div>
							</div>
						</div>
					</c:forEach>
				</div>
				<div class="page text-right clearfix">
					<a class="disabled">上一页</a> <a class="select">1</a> <a href="">2</a>
					<a href="">3</a> <a class="" href="">下一页</a> <a class="disabled">1/3页</a>
				</div>
			</div>
		</div>
		</section>
	</div>
	<%@include file="bottom.jsp"%>
</body>
</html>
